<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>主持人-李思思</title>
		<style type="text/css">
			.all {
				height: 600px;
				width: 1000px;

				margin: 0 auto;
			}

			.one {
				width: 1000px;
				height: 50px;
				
				border-bottom: 1px solid #000000;
			}

			.one_left {
				font-size: 20px;
				border-bottom: 1px solid red;
				float: left;
				padding: 12px;
			}

			.one_right {
				font-size: 20px;
				float: right;
				padding: 12px;
			}

			.two {
				width: 1000px;
				height: 300px;
				
				float: left;
				padding-top: 10px;


			}

			.two_q {
				height: 130px;
				width: 180px;
				float: left;
				padding-right: 20px;

				padding-top: 20px;
			}

			.two_q>img {
				height: 75%;
				width: 100%;
			}

			.two_q_w {
				font-size: 12px;

			}

			.there {
				width: 1000px;
				height: 60px;
				
				margin-top: 300px;
				border-bottom: 1px solid #000000;
			}

			.there_left {
				font-size: 20px;
				border-bottom: 1px solid red;
				float: left;
				padding: 12px;
			}

			.there_right {
				font-size: 20px;
				float: right;
				padding: 12px;
			}

			.four {
				width: 100%;
				height: 300px;
				
				float: left;
			}
			.four_q{
				height: 200px;
				width: 50%;
				
				float: left;
			}
            .four_q_left>img{
				width: 150px;
				height: 150px;
				padding-top: 10px;
				padding-left: 10px;
				float: left;
			}
            .four_q_right{
			   width: 300px;
			   height:150px ;
			   float: right;
			   padding-top:10px;
			}
			.four-w{
				width: 50%;
				height: 200px;
				
				float:right;
			}
		.four_w_left>img{
			width: 150px;
			height: 150px;
			padding-top: 10px;
			padding-left: 10px;
			float: left;
		}
		</style>
	</head>
	<body>
		<div class="all">
			<div class="one">
				<div class="one_left">
					<span>视频</span>
				</div>
				<div class="one_right">
					<span>更多</span>
				</div>
			</div>
			<div class="two">
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
				<div class="two_q">
					<img src="img/QQ图片20200402145413.jpg">
					<div class="two_q_w">
						<span>李思思：对英雄的铭记就是铭记历史</span>
					</div>
					<span></span>
				</div>
			</div>
			<div class="there">
				<div class="one_left">
					<span>视频</span>
				</div>
				<div class="one_right">
					<span>更多</span>
				</div>
			</div>
			<div class="four">
				<div class="four_q">
					<div class="four_q_left">
						<img src="img/QQ图片20200402145413.jpg" >
					</div>
					<div class="four_q_right">
						<span>科技部v发表发黑i恢复了黄飞鸿冯海波u而后悔反驳百</span>
					</div>
				</div>
				<div class="four-w">
					<div class="four_w_left">
						<img src="img/QQ图片20200402145413.jpg" >
					</div>
					<div class="four_q_right">
						<span>科技部v发表发黑i恢复了黄飞鸿冯海波u而后悔反驳百</span>
					</div>
				</div>
				</div>
			</div>
	</body>
</html>
